<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>bind&model</title>
  <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>
<body>
  <div id="div">
    <a v-bind:href="url">百度</a>
    <!--缩写形式，等同于上面-->
    <a :href="url">百度</a>

    <img v-bind:src="src" v-bind:title="title">
  </div>

  <br>
  <!--v-model:可以取代value属性-->
  <input type="text" v-model="msg">
  <input type="text" v-model="msg">
  <input type="text" v-model="msg">

  <br>
  <form action="/update" method="post">
    id：<input type="text" v-model="user.id"> <br>
    姓名：<input type="text" v-model="user.name"> <br>
    年龄：<input type="text" v-model="user.age"> <br>
    性别：<input type="text" v-model="user.sex"> <br>
    <input type="submit"> <br>
  </form>
</body>
  <script>
    new Vue({
      el: "#div",
      data: {
        url: "https://www.baidu.com/",
        src: "img/1.jsp",
        title: "龙哥",
        msg: "低头赶路，敬事如仪，自知自心，其路则明",

        user: {
          name: "小杨",
          age: 22,
          sex: "男"
        }
      },
    });
  </script>
</html>